
.banner{height: 400px; background: url(../images/banner1.jpg) no-repeat center top; position: relative;}
.slidebar {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 68px;
   z-index: 100;
   background-color: rgba(0,0,0,0.8);
   filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#C8000000,endcolorstr=#C8000000)\9\0;
}
.price-class .content{width: 938px; height: 43px; background: #f4f4f4; border-radius: 10px; border:1px solid #e7e7e7; margin-top: 10px; position: relative; padding-left: 160px; overflow: hidden;} 
.price-class .content ul{width: 700px; position: absolute; left: 160px; top:0;}
.price-class .content li{color: #686868; height: 45px; line-height: 45px;}
.heart{width: 106px; height: 45px; background: url(../images/btn1.png) no-repeat; position: absolute; left: 0; top: 0; font-size: 16px;  color: #FFF; line-height: 45px; padding-left: 20px; }
.yin{width: 24px; height: 22px; background: url(../images/radio.png); position: absolute; right: 10px;  top:12px;}
.all-arrow{width: 61px; height: 45px; background: #f4f4f4 url(../images/uparrow.png) no-repeat center center; position: absolute; top: 0;border-left: 1px solid #e3e0e0; cursor: pointer;}
.up-arrow{right: 61px;}
.down-arrow{right: 0px; background-image: url(../images/downarrow.png);}
.theme_page{margin-top: 20px;}
.column_container{border:1px solid #ededed; width: 352px; }
.wpb_column{margin-left: 19px;}
.news-title p {margin-bottom: 0;font-weight: bold;padding: 12px 10px 12px 46px;font-size: 16px;background:url("../images/media_icon.png") 5% 50% no-repeat;
}
.news-title a {float: right;font-size: 14px;font-weight: normal;color: #e77811;
}
.loop-main-wrapper{background: #f5f5f5; padding: 15px 0;}
.loop-main-wrapper .loop-pic{text-align: center;}
.loop-main-wrapper .loop-txt{padding: 0 15px; text-indent: 2em; margin-top: 6px;}
.loop-main-wrapper .loop-txt a{color: #555;}
.loop-main-wrapper1{padding:15px 16px 0; }
.success-pic{padding: 22px 12px 0;}
.loop-main-wrapper1 dl{border-bottom: 1px dashed #ccc; padding-bottom: 15px;}
.loop-main-wrapper1 dl dt{margin-right: 15px;}
.loop-main-wrapper1 dl dt img{width: 140px; height: 100px;}
.loop-main-wrapper1 dl dd{font-size: 14px; color: #888;}
.loop-main-wrapper1 dl dd span{ padding: 12px 0; display: inline-block;}
.loop-main-wrapper1 dl dd a{color: #333;}
.media-blog{padding: 5px 16px 15px; background: #f5f5f5; height:120px; display: -webkit-box;/** 对象作为伸缩盒子模型显示 **/
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3;/** 显示的行数 **/
    overflow: hidden;}
.media-blog ul li{text-indent: 15px; background: url(../images/media_point.jpg) no-repeat center left; height: 33px; line-height: 33px;}
.media-blog ul li a{color: #555; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:325px; display:block;}
.title03 p{background:#f5f5f5 url("../images/media_icon.png") 5% 50% no-repeat;}
.last-blog{background: #FFF;}
.success-pic ul li{width: 160px; float: left; text-align: center; margin-right: 8px;}
.success-pic ul li a{color: #555;}
.success-pic ul li .success-images{width: 160px; height: 96px; overflow: hidden;}
.success-pic ul li img{-webkit-transition: all .4s ease;transition:all .4s ease; width: 160px; height: 96px;}
.success-pic ul li img:hover{-webkit-transform:scale(1.06, 1.06); 
	transform:scale(1.06, 1.06);}
.success-txt{height: 46px; line-height: 46px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.success-example{margin-top: 20px; }
.success-example .wap11{border:1px solid #ededed; padding-bottom: 20px;}
.success-example .title03 p{background-position: 1.5% 50%;}
.book2{ overflow: hidden; position: relative; width: 1099px; margin:0 auto; height: 160px; margin-top: 30px;}
.book-con{position: absolute; left: 73px; width: 950px; top:0px;}
.book-con1{width: 950px; margin:0 auto; overflow: hidden; height: 350px; }
.book-con1 > li{width: 200px; height: 120px; border:1px solid #bfbfbf; text-align: center; float: left; margin-right: 8px; padding: 10px;}
.book-con1 > li > p > img{width: 200px; height: 120px;}
.book2 span{width: 35px;height: 107px;background: url(../images/arr-p.png) no-repeat ;position: absolute;top: 50%;margin-top:-67px;cursor: pointer;z-index: 2;}
.book2 .prev{right: 20px;}
.book2 .next{left:20px;background-image: url(../images/arr-n.png);}
